<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <meta name="renderer" content="webkit">
    <title>后台管理首页</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- 头部 -->
<nav class="navbar navbar-default navbar-fixed-top navbar-custom">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">切换按钮</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="images/logo.png" height="59"alt=""></a>
        </div>
        <!-- 顶部导航 -->
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a>XXX，欢迎你</a></li>
                <li><a href="#"><span class="glyphicon glyphicon-user"></span> 个人设置</a></li>
                <li><a href="#"><span class="glyphicon glyphicon-cog"></span> 系统设置</a></li>
                <li><a href="#"><span class="glyphicon glyphicon-off"></span> 退出</a></li>
            </ul>
        </div>
    </div>
</nav>
<!-- 主体 -->
<div class="container-fluid indexPage">
    <!-- 右侧内容部分 -->
    <div class="main">
        <div class="main-inner">

            <h3 class="page-header">物流查询</h3    >
            <!-- 查询表单 -->
            <form class="form-inline search-form">
                <div class="form-group">
                    <label for="word" class="control-label">关键词：</label>
                    <input type="text" class="form-control" id="word" placeholder="请输入关键词">
                </div>
                <div class="form-group">
                    <label for="class" class="control-label">班级：</label>
                    <select name="" id="class" class="form-control">
                        <option value="">所有班级</option>
                        <option value="">一班</option>
                        <option value="">二班</option>
                        <option value="">三班</option>
                        <option value="">四班</option>
                        <option value="">五班</option>
                        <option value="">六班</option>
                        <option value="">七班</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="kemu" class="control-label">科目：</label>
                    <select name="" id="kemu" class="form-control">
                        <option value="">所有科目</option>
                        <option value="">语文</option>
                        <option value="">数学</option>
                        <option value="">英语</option>
                    </select>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-primary">搜 索</button>
                </div>
            </form>
            <hr/>
            <!-- 表格数据 -->
            <div class="table-responsive">
                <table class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th>名称</th>
                        <th>学期</th>
                        <th>年级</th>
                        <th>科目</th>
                        <th>考试时间</th>
                        <th>考试类型</th>
                        <th>上传进度</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>2015-2016年上学期 </td>
                        <td>2015-2016年 </td>
                        <td>七年级</td>
                        <td>语文</td>
                        <td>2015-10-15</td>
                        <td>期中考试</td>
                        <td>
                            <div class="progress">
                                <div class="progress-bar progress-bar-success progress-bar-striped active"  aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                                    <span>100%</span>
                                </div>
                            </div>
                        </td>
                        <td>
                            <a class="btn btn-xs btn-primary" href=""><span class="glyphicon glyphicon-eye-open"></span> 查看</a>
                            <a class="btn btn-xs btn-danger" href=""><span class=" glyphicon glyphicon-play-circle"></span> 开始</a>
                        </td>
                    </tr>
                    <tr>
                        <td>2015-2016年上学期 </td>
                        <td>2015-2016年 </td>
                        <td>七年级</td>
                        <td>语文</td>
                        <td>2015-10-15</td>
                        <td>期中考试</td>
                        <td>
                            <div class="progress">
                                <div class="progress-bar progress-bar-info progress-bar-striped active"  aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                                    <span>60%</span>
                                </div>
                            </div>
                        </td>
                        <td>
                            <a class="btn btn-xs btn-primary" href=""><span class="glyphicon glyphicon-eye-open"></span> 查看</a>
                            <a class="btn btn-xs btn-danger" href=""><span class=" glyphicon glyphicon-play-circle"></span> 开始</a>
                        </td>
                    </tr>
                    <tr>
                        <td>2015-2016年上学期 </td>
                        <td>2015-2016年 </td>
                        <td>七年级</td>
                        <td>语文</td>
                        <td>2015-10-15</td>
                        <td>期中考试</td>
                        <td>
                            <div class="progress">
                                <div class="progress-bar progress-bar-warning progress-bar-striped active"  aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
                                    <span>20%</span>
                                </div>
                            </div>
                        </td>
                        <td>
                            <a class="btn btn-xs btn-primary" href=""><span class="glyphicon glyphicon-eye-open"></span> 查看</a>
                            <a class="btn btn-xs btn-danger" href=""><span class=" glyphicon glyphicon-play-circle"></span> 开始</a>
                        </td>
                    </tr>
                    <tr>
                        <td>2015-2016年上学期 </td>
                        <td>2015-2016年 </td>
                        <td>七年级</td>
                        <td>语文</td>
                        <td>2015-10-15</td>
                        <td>期中考试</td>
                        <td>
                            <div class="progress">
                                <div class="progress-bar progress-bar-danger progress-bar-striped active"  aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:15%">
                                    <span>15%</span>
                                </div>
                            </div>
                        </td>
                        <td>
                            <a class="btn btn-xs btn-primary" href=""><span class="glyphicon glyphicon-eye-open"></span> 查看</a>
                            <a class="btn btn-xs btn-danger" href=""><span class=" glyphicon glyphicon-play-circle"></span> 开始</a>
                        </td>
                    </tr>
                    <tr>
                        <td>2015-2016年上学期 </td>
                        <td>2015-2016年 </td>
                        <td>七年级</td>
                        <td>语文</td>
                        <td>2015-10-15</td>
                        <td>期中考试</td>
                        <td>
                            <div class="progress">
                                <div class="progress-bar progress-bar-info progress-bar-striped active"  aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
                                    <span>50%</span>
                                </div>
                            </div>
                        </td>
                        <td>
                            <a class="btn btn-xs btn-primary" href=""><span class="glyphicon glyphicon-eye-open"></span> 查看</a>
                            <a class="btn btn-xs btn-danger" href=""><span class=" glyphicon glyphicon-play-circle"></span> 开始</a>
                        </td>
                    </tr>
                    <tr>
                        <td>2015-2016年上学期 </td>
                        <td>2015-2016年 </td>
                        <td>七年级</td>
                        <td>语文</td>
                        <td>2015-10-15</td>
                        <td>期中考试</td>
                        <td>
                            <div class="progress">
                                <div class="progress-bar progress-bar-info progress-bar-striped active"  aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
                                    <span>50%</span>
                                </div>
                            </div>
                        </td>
                        <td>
                            <a class="btn btn-xs btn-primary" href=""><span class="glyphicon glyphicon-eye-open"></span> 查看</a>
                            <a class="btn btn-xs btn-danger" href=""><span class=" glyphicon glyphicon-play-circle"></span> 开始</a>
                        </td>
                    </tr>
                    <tr>
                        <td>2015-2016年上学期 </td>
                        <td>2015-2016年</td>
                        <td>七年级</td>
                        <td>语文</td>
                        <td>2015-10-15</td>
                        <td>期中考试</td>
                        <td>
                            <div class="progress">
                                <div class="progress-bar progress-bar-success progress-bar-striped active"  aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 99%">
                                    <span>99%</span>
                                </div>
                            </div>
                        </td>
                        <td>
                            <a class="btn btn-xs btn-primary" href=""><span class="glyphicon glyphicon-eye-open"></span> 查看</a>
                            <a class="btn btn-xs btn-danger" href=""><span class=" glyphicon glyphicon-play-circle"></span> 开始</a>
                        </td>
                    </tr>
                    <tr>
                        <td>2015-2016年上学期 </td>
                        <td>2015-2016年 </td>
                        <td>七年级</td>
                        <td>语文</td>
                        <td>2015-10-15</td>
                        <td>期中考试</td>
                        <td>
                            <div class="progress">
                                <div class="progress-bar progress-bar-info progress-bar-striped active"  aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                                    <span>80%</span>
                                </div>
                            </div>
                        </td>
                        <td>
                            <a class="btn btn-xs btn-primary" href=""><span class="glyphicon glyphicon-eye-open"></span> 查看</a>
                            <a class="btn btn-xs btn-danger" href=""><span class=" glyphicon glyphicon-play-circle"></span> 开始</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <!-- 分页 -->
                <nav class="pull-right">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">首页</span>
                            </a>
                        </li>
                        <li class="disabled"><a href="#">上一页</a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">下一页</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">尾页</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    <!-- 左侧导航部分 -->
    <div class="sidebar">
        <h3 class="sidebar-head">菜单选项</h3>
        <!-- 导航 -->
        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="heading1">
                    <h4 class="panel-title">
                        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="true" aria-controls="collapse1">
                            订单管理
                        </a>
                    </h4>
                </div>
                <div id="collapse1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1">
                    <div class="panel-body">
                        <ul class="list-group dropdownMenu">
                            <li class="list-group-item"><a href="">创建订单</a></li>
                            <li class="list-group-item"><a href="">订单处理</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="heading2">
                    <h4 class="panel-title">
                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse2" aria-expanded="false" aria-controls="collapse2">
                            运输管理
                        </a>
                    </h4>
                </div>
                <div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2">
                    <div class="panel-body">
                        <ul class="list-group dropdownMenu">
                            <li class="list-group-item"><a href="">创建订单</a></li>
                            <li class="list-group-item"><a href="">订单处理</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="heading3">
                    <h4 class="panel-title">
                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse3" aria-expanded="false" aria-controls="collapseThree">
                            货物管理
                        </a>
                    </h4>
                </div>
                <div id="collapse3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading3">
                    <div class="panel-body">
                        <ul class="list-group dropdownMenu">
                            <li class="list-group-item"><a href="">创建订单</a></li>
                            <li class="list-group-item"><a href="">订单处理</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="heading4">
                    <h4 class="panel-title">
                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse4" aria-expanded="false" aria-controls="collapseThree">
                            财务管理
                        </a>
                    </h4>
                </div>
                <div id="collapse4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading4">
                    <div class="panel-body">
                        <ul class="list-group dropdownMenu">
                            <li class="list-group-item"><a href="">创建订单</a></li>
                            <li class="list-group-item"><a href="">订单处理</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="heading5">
                    <h4 class="panel-title">
                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse5" aria-expanded="false" aria-controls="collapseThree">
                            客户管理
                        </a>
                    </h4>
                </div>
                <div id="collapse5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading5">
                    <div class="panel-body">
                        <ul class="list-group dropdownMenu">
                            <li class="list-group-item"><a href="">创建订单</a></li>
                            <li class="list-group-item"><a href="">订单处理</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="heading6">
                    <h4 class="panel-title">
                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse6" aria-expanded="false" aria-controls="collapseThree">
                            系统管理
                        </a>
                    </h4>
                </div>
                <div id="collapse6" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading6">
                    <div class="panel-body">
                        <ul class="list-group dropdownMenu">
                            <li class="list-group-item"><a href="">创建订单</a></li>
                            <li class="list-group-item"><a href="">订单处理</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<div class="container-fluid footer">
    <p class="copyright">Copyright © 2016 西安XXX有限公司 All Rights Reserved  陕ICP备15xxxxx号</p>
</div>
<!-- js 部分 -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
    $('.collapsed').on('hidden.bs.collapse', function () {
        $(this).parent().css('backgroundImage','../images/ico03.gif');
    })
</script>
</body>
</html>